<template>
  <div>
    <Head></Head>
    <transition
        mode="out-in"
        leave-active-class="animate__animated animate__fadeOutLeft"
        enter-active-class="animate__animated animate__fadeInRight"
        :duration="{ leave: 1000, enter: 2000 }"
      >
        <!-- 切换组件展示：AddArticle、ArticleList、About -->
        <router-view></router-view>
      </transition>
  </div>
</template>

<script>
import Head from "../components/Head.vue";
export default {
  name: "Blog",
  components: {
    Head
  },
};
</script>

<style>

</style>